<template>
  <div>
    <center>
    	<h4>注册小米帐号</h4>
    	<div class="div-1">
    		<h4>国家/地区</h4>
    		<p>中国<input type="text"></p>
    		<div class="div-2">
    			成功注册帐号后，国家/地区将不能被修改
    		</div>
    		<h4>手机号码</h4>
    		<p>+86
    		<label>
    			<input style="" type="tel" name="phone" value="请输入手机号码" />
    		</label>
    		</p>
    		<div class="div-3">
    			<input class="input-button" type="submit" value="立即注册" />
    		</div>
    		<div>
    			<label>
    				已阅读并同意：小米
    				<a>用户协议</a>
    				和
    				<a>隐私政策</a>
    			</label>
    		</div>
    		<div>
    			<ul>
    				<li>
    					<a>简体</a>|
    				</li>
    				<li>
    					<a>繁体</a>|
    				</li>
    				<li>
    					<a>Englis</a>|

    				</li>
    				<li>
    					<a>常见问题</a>
    				</li>
    			</ul>
    		</div>
    		<p>
    			<span>小米公司版权所有-京ICP备10046444-
    			<a>
    				<img >京公网安备11010802020134号</a>
    				-京ICP证110507号
    			</span>
    		</p>
    	</div>
    </center>
  </div>
</template>

<script>
  export default{
		data(){
			return{

			}
		},
		components:{

		},
		methods:{

		}
	}
</script>

<style type="text/css">
  .div-1{
  	font-size: 14px;
  	color: #333333;
  }
  h4{
  	font-size: 30px;
  	color: #333333;
  }
  .div-1 h4{
  	font-size: 14px;
  	color: #333333;
  }
  .div-2 p{
  	width: 332px;
  	height: 42px;
  	border: 1px solid #E0E0E0;
  }
  ul li {
  	color: #8a8a8e;
  	display: inline-block;
  }
  .div-3 .input-button{
  	width: 300px;
  	height: 42px;
  	border:none;
  	background: #FF6700;
  	color: #FFFFFF;
  }
</style>
